免費AI編程助手
XHTML 語法規(guī)則
通過上節(jié)《XHTML 與 HTML 之間的差異》的學習，我們知道編寫 XHTML 代碼需要干凈的 HTML 語法，XHTML語法與HTML語法非常相似，幾乎所有有效的HTML元素在XHTML中都是有效的。但是當你編寫一個XHTML文檔時，你需要特別注意使你的HTML文檔符合XHTML。下面w3cschool.cn帶大家深入學習XHTML的語法規(guī)則：
更多的 XHTML 語法規(guī)則：
- 在XHTML文檔的開頭寫一個DOCTYPE聲明。
- 只寫小寫的所有XHTML標簽和屬性。
- 關(guān)閉所有的XHTML標簽。
- 將所有標簽嵌套正確。
- 引用所有的屬性值。
- 禁止屬性最小化。
- 更換名稱與屬性ID屬性。
- 棄用腳本標記的語言屬性。
這里是上面的XHTML規(guī)則的詳細解釋
DOCTYPE聲明
所有的XHTML文檔在開始時都必須有一個DOCTYPE聲明。有三種類型的DOCTYPE聲明，在XHTML Doctypes一章中詳細討論。
這是一個使用DOCTYPE的例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
區(qū)分大小寫
XHTML是區(qū)分大小寫的標記語言。所有的XHTML標簽和屬性都需要以小寫字母來寫。
<!-- 這在XHTML中是無效的 -->
<A Href="http://www.o2fo.com">w3cschool 在線教程</A>
<!-- 正確的XHTML寫法如下 -->
<a href="http://www.o2fo.com">w3cschool 在線教程</a>
在這個例子中，超鏈接Href和錨標簽A不是小寫，所以這是不正確的。
關(guān)閉標簽
每個XHTML標簽都應該有一個等效的結(jié)束標簽，即使是空的元素也應該有結(jié)束標簽。
這里是一個例子，顯示使用標簽的有效和無效的方式：
<!-- 這在XHTML中是無效的 -->
<p>這段不是按照XHTML語法編寫的。
<!-- 這在XHTML中也是無效的 -->
<img src="http://statics.w3cschool.cn/images/w3c/index-logo.png" >
以下語法顯示了在XHTML中編寫上述標記的正確方法。不同的是，這里我們已經(jīng)關(guān)閉了兩個標簽。
<!-- 這在XHTML中是有效的 -->
<p>這段是按照XHTML語法編寫的。</p>
<!-- 現(xiàn)在這也是有效的 -->
<img src="http://statics.w3cschool.cn/images/w3c/index-logo.png" />
屬性行情
XHTML屬性的所有值必須被引用。否則，你的XHTML文檔被認為是一個無效的文檔。
這里是顯示語法的例子：
<!-- 這在XHTML中是無效的 -->
<img src="http://statics.w3cschool.cn/images/w3c/index-logo.png" width=228 height=60 />
<!-- 正確的XHTML寫法如下 -->
<img src="http://statics.w3cschool.cn/images/w3c/index-logo.png" width="228" height="60" />簡寫屬性
XHTML不允許屬性簡寫。這意味著你需要明確說明屬性及其值。
以下示例顯示了差異：
<!-- 這在XHTML中是無效的 -->
<option selected>
<!-- 正確的XHTML寫法如下 -->
<option selected="selected">下面是一個 HTML 的簡寫屬性列表，以及在 XHTML 中的改寫：
| HTML | XHTML |
|---|---|
| compact | compact="compact" |
| checked | checked="checked" |
| declare | declare="declare" |
| readonly | readonly="readonly" |
| disabled | disabled="disabled" |
| selected | selected="selected" |
| defer | defer="defer" |
| ismap | ismap="ismap" |
| nohref | nohref="nohref" |
| noshade | noshade="noshade" |
| nowrap | nowrap="nowrap" |
| multiple | multiple="multiple" |
| noresize | noresize="noresize" |
ID屬性
id屬性取代了name屬性。而不是使用name =“name”，XHTML更喜歡使用id =“id”。
以下示例顯示了如何：
<!-- 這在XHTML中是無效的 -->
<img src="http://statics.w3cschool.cn/images/w3c/index-logo.png" name="w3cschool logo" />
<!-- 正確的XHTML寫法如下 -->
<img src="http://statics.w3cschool.cn/images/w3c/index-logo.png" id="w3cschool logo" />語言屬性
腳本標記的語言屬性已被棄用。以下示例顯示了這種差異:
<!-- 這在XHTML中是無效的 -->
<script language="JavaScript" type="text/JavaScript">
document.write("w3cschool.cn編程教程");
</script>
<!-- 正確的XHTML寫法如下 -->
<script type="text/JavaScript">
document.write("w3cschool.cn編程教程");
</script>
嵌套標簽
您必須正確嵌套所有的XHTML標簽。否則，您的文檔被認為是不正確的XHTML文檔。
以下示例顯示了語法：
<!-- 這在XHTML中是無效的 -->
<b><i> 這個文本是粗體和斜體</b></i>
<!-- 正確的XHTML書寫方式如下 -->
<b><i> 這是粗體和斜體字。</i></b>
元素禁止
以下元素不允許其中有任何其他元素。這個禁止適用于所有的嵌套深度。意思是，它包括所有的降序元素。
| 元件 | 禁令 |
|---|---|
| <a> | 不得包含其他<a>元素。 |
| <pre> | 不得包含<img>，<object>，<big>，<small>，<sub>或<sup>元素。 |
| <button> | 不得包含<input>，<select>，<textarea>，<label>，<button>，<form>，<fieldset>，<iframe>或<isindex>元素。 |
| <label> | 不得包含其他的<label>元素。 |
| <form> | 不得包含其他<form>元素。 |
一個最小的XHTML文檔
以下示例顯示了XHTML 1.0文檔的最小內(nèi)容：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/TR/xhtml1" xml:lang="en" lang="en">
<head>
<title>每個文件都必須有一個標題-w3cschool.cn</title>
</head>
<body>
...你的內(nèi)容在這里——www.o2fo.com...
</body>
</html>注意：
- 文件類型聲明并非 XHTML 文檔自身的組成部分。它并不是 XHTML 元素，所以他可以沒有關(guān)閉標簽。
- XHTML文檔要求xmlns屬性出現(xiàn)在html標簽中。（XHTML 文檔中沒有這個屬性，
w3.org的驗證工具也不會提示錯誤。因為，"xmlns=http://www.w3.org/1999/xhtml" 是一個固定值，即使你的文檔里沒有包含它，這個值也會被自動添加到<html>標簽中。 ）
你會在下一章《XHTML DTD三種文件類型聲明》中學到更多關(guān)于 XHTML 文檔類型聲明的知識。
更多建議：